body {
    padding-top: 50px;
    font-family: 'microsoft yahei', Arial, sans-serif;
    background-image: url("../images/bkgd.png");
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.col-xs-1,.col-xs-2,.col-xs-9,.row-fluid {
    padding: 0;
    margin: 0;
}

/* 导航栏样式 */
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}

.navbar-nav li:hover {
    background-color: #337AB7;
}

.navbar-nav .open {
    background-color: #0099FF;
}

.dropdown-menu li>a:hover {
    background-color: #337AB7;
    color: #FFF;
}


.panel {
    border-radius: 0;
    box-shadow: 0 0 5px #000;
    border: 0px;
    margin: 0px;
}

.panel .panel-heading {
    border-radius: 0;
}

/* 工具栏相关样式 */
#toolbarDiv {
    height: 100%;
    z-index: 1020;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

#toolbarDiv .panel {
    height: 100%;
}

#toolbarDiv .panel-heading {
    padding: 5px;
    text-align: center;
}

#toolbarDiv .panel .panel-body {
    padding: 0px;
    text-align: center;
    position: relative;
}

.tool {
    width: 50px;
    height: 50px;
    cursor: move;
    text-align: center;
    background-color: transparent;
    position: relative;
    margin: auto;
}

/* 画布容器与画布样式 */
.canvasContainer {
    height: 100%;
    /*background-color: red;
    background-image: url("../images/grid.png");*/
    margin: 0px;
    padding: 0px;
    overflow: auto;
}

#accidentTreeCanvas {
    /*background-color: red;*/
    width: 100%;
    height: 100%;
    position: inherit;
    background-image: url("../images/bkgd.png");
    background-repeat: repeat;
    border-right: 1px dashed #000;
    border-bottom: 1px dashed #000;
}

#accidentTreeCanvas .ui-selected,
#accidentTreeCanvas .ui-selecting {
    border: 1px solid #096EBB;
    background-color: #99CCFF;
}

/* 菜单统一样式 */
.contentMenu {
    display: none;
    position: absolute;
    z-index: 800;
}

.contentMenu .list-group-item {
    border: 1px solid #CCCCCC;
}

.contentMenu ul a {
    padding: 5px 10px;
}

.contentMenu ul a:hover {
    background-color: #337AB7;
    border-color: #337AB7;
    color: #FFFFFF;
}

.dropdown-submenu{
    position:relative;
    margin-right: 5px;
}

.dropdown-submenu > .dropdown-menu{
    top:0;
    left:100%;
    margin-top:-6px;
    margin-left:-1px;
    -webkit-border-radius:0 6px 6px 6px;
    -moz-border-radius:0 6px 6px 6px;
    border-radius:0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu{
    display:block;
}

.dropdown-submenu > a:after{
    display:block;
    content:" ";
    float:right;
    width:0;
    height:0;
    border-color:transparent;
    border-style:solid;
    border-width:5px 0 5px 5px;
    border-left-color:#cccccc;
    margin-top:5px;
    margin-right:-10px;
}

.dropdown-submenu:hover > a:after{
    border-left-color:#ffffff;
}

.dropdown-submenu .pull-left{
    float:none;
}

.dropdown-submenu.pull-left > .dropdown-menu{
    left:-100%;
    margin-left:10px;
    -webkit-border-radius:6px 0 6px 6px;
    -moz-border-radius:6px 0 6px 6px;
    border-radius:6px 0 6px 6px;
}

/* 节点信息栏 */
#infoDiv {
    height: 100%;
    z-index: 1020;
}

#infoDiv .panel {
    height: 100%;
}

#infoDiv .panel-body {
    padding: 5px;
}

#infoDiv .tab-pane {
    padding-top: 15px;
}

.cbp-spmenu {
    background: #47a3da;
}

.cbp-spmenu-right {
    right: -240px;
    position: fixed;
}

.cbp-spmenu-right.cbp-spmenu-open {
    right: 0px;
}

.cbp-spmenu-push-toleft {
    left: -0px;
}

.cbp-spmenu,
.cbp-spmenu-push {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

